<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Toy Story</title>
        <meta name="description" content="Handbag" />
        <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
        <script type="text/javascript" src="js/jqueryHint.js"></script>
        <link rel="stylesheet" href="css/layout.css" type="text/css"/>
        <link rel="stylesheet" href="css/ws_container.css" type="text/css"/>
        <link rel="stylesheet" href="js/treeview/jquery.treeview.css" />
        <script src="js/treeview/lib/jquery.cookie.js" type="text/javascript"></script>
        <script src="js/treeview/jquery.treeview.js" type="text/javascript"></script>

        <!-- HMENU 6 -->
        <link type="text/css" rel="stylesheet" href="../../widget/hmenu/6/hmenu_6.css" />
        <!-- CART BLOCK 3 -->
        <link rel="stylesheet" href="../../widget/cart_block/3/cart_block_3.css" type="text/css" />
        <!-- LOGO 5 -->
        <link rel="stylesheet" href="../../widget/logo/5/logo_5.css" type="text/css" />
        <!-- SEARCH BAR 5 -->
        <link rel="stylesheet" href="../../widget/search_bar/5/search_bar_5.css" type="text/css" />
        <!-- SOCIAL 5 -->
        <link rel="stylesheet" href="../../widget/social_network/5/social_5.css" type="text/css" />
        <!-- HMENU 7 -->
        <link type="text/css" rel="stylesheet" href="../../widget/hmenu/7/hmenu_7.css" />
        <!-- HTML BLOCK 17 -->
        <link type="text/css" rel="stylesheet" href="../../widget/html_block/17/html_17.css" />
        <!-- PRODUCT CATEGORY 2 -->
        <link type="text/css" rel="stylesheet" href="../../widget/product_category/2/product_category_2.css" />
        <!-- PRODUCT FEATURE 5 -->
        <link type="text/css" rel="stylesheet" href="../../widget/product_feature/5/product_feature_5.css" /> 
        <!-- NEWS LIST 7 -->
        <link type="text/css" rel="stylesheet" href="../../widget/news_detail/3/news_detail_3.css" />
        <!-- HTML BLOCK 22 -->
        <link type="text/css" rel="stylesheet" href="../../widget/html_block/22/html_22.css" />
        <!-- LINK LIST 3 -->
        <link type="text/css" rel="stylesheet" href="../../widget/link_list/3/link_list_3.css" />
        <!-- SOCIAL 6 -->
        <link type="text/css" rel="stylesheet" href="../../widget/social_network/6/social_6.css" />
        <!-- HTML BLOCK 23 -->
        <link type="text/css" rel="stylesheet" href="../../widget/html_block/23/html_23.css" />
        <!-- HTML BLOCK 24 -->
        <link type="text/css" rel="stylesheet" href="../../widget/html_block/24/html_24.css" />


        <script type="text/javascript">
            $(document).ready(function(){
                
                //blur search text
                $('#searchText').hint();
                
                //last child social network
                $('.social_list li:last-child').addClass('last');
                
                $(".product_category_2").treeview({
                    animated:"normal",
                    persist: "cookie"
                });
                
                $ ('ul.product_list li').each(function(i){
                    var newClass = '';
       
                    if ((i+1) % 3 == 0) {
                        newClass = 'last';
                    }
                    $(this).addClass(newClass);
        

                });
            })
        </script>
    </head>

    <body>
        <div id="wrapper">
            <div id="wrapper_top">
                <div id="wrapper_top_1">
                    <div id="hook_top_1" class="hook">
                        <!-- WIDGET HMENU 6 -->
                        <div id="hmenu_wi_6" class="hmenu_6">
                            <ul>
                                <li><a href="#">shipping & return</a></li>
                                <li><a href="#">login</a></li>
                                <li><a href="#">create an account</a></li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                        <!-- End WIDGET HMENU 6 -->

                        <!-- WIDGET CART BLOCK 3 -->
                        <div id="cart_block_wi_3" class="cart_block_3">
                            <p class="cart_block_infor"><a href="#">Now in your cart<span> 0 </span> items</a></p>                        
                        </div>
                        <!-- END WIDGET CART BLOCK 3 -->
                    </div>
                    <!-- End #hook_top_1 -->
                </div>
                <!-- End #wrapper_top_1 -->

                <div id="wrapper_top_2">
                    <div id="hook_top_2" class="hook">
                        <!-- SEARCH BAR WIDGET -->
                        <div id="search_bar_wi_5" class="search_bar_5"> 

                            <form id="searchForm" class="searchForm" action="#" method="post">
                                <div class="search_panel">
                                    <input type="text" class="searchText blur" id="searchText" value="" title="Search Keyword Here ..."/> 
                                    <input name="search" type="image" class="buttonSearch" id="buttonSearch" src="images/search_icon.png" value=""/>
                                    <div class="clear"></div>
                                </div>
                            </form>
                        </div>
                        <!--END SEARCH BAR WIDGET --> 

                        <!-- LOGO WIDGET -->
                        <div id="logo_wi_5" class="logo_5">
                            <div id="wrapper_logo">
                                <a href="#"><img src="images/logo_text.png" alt="logo_text"/></a>
                                <p class="logo_description">The best online toys store!</p>
                            </div>
                        </div>
                        <!-- END SOLO WIDGET -->

                        <!-- SOCIAL WIDGET -->
                        <div id="social_wi" class="social_5">
                            <p>Social Network - join with us</p>
                            <ul class="social_list">
                                <li><a href="#"><img src="images/social/flickr.png" alt="flickr"/></a></li>
                                <li><a href="#"><img src="images/social/facebook.png" alt="facebook"/></a></li>
                                <li><a href="#"><img src="images/social/twitter.png" alt="twitter"/></a></li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                        <!-- End SOCIAL WIDGET -->

                        <!-- HMENU WIDGET -->
                        <div id="hmenu_wi" class="hmenu_7">
                            <ul class="menu_list">
                                <li><a href="home.html" class="active">Home</a></li>
                                <li><a href="news.html">News</a></li>
                                <li><a href="product.html">All Products</a></li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                        </div>
                        <!-- END HMENU WIDGET -->
                    </div>
                    <!-- End #hook_top_2 -->
                </div>
                <!-- End #wrapper_top_2 -->

            </div>
            <!-- END #wrapper_top -->

            <div id="wrapper_main">
                <div id="main">
                    <div id="hook_sidebar" class="hook">
                        <!-- PRODUCT CATEGORY WIDGET -->
                        <div id="product_category_wi" class="product_category_2">
                            <div class="title">
                                <h1>categories</h1>
                            </div>
                            <!-- End .title -->

                            <ul class="category_list">
                                <li class="parent"><a href="#">Living room</a>
                                    <ul>
                                        <li><a href="#">TV Board</a></li>
                                        <li><a href="#">TV Board</a></li>
                                    </ul>
                                </li>
                                <li class="parent"><a href="#">Sitting room</a></li>
                                <li class="parent"><a href="#">Bath room</a>
                                    <ul>
                                        <li><a href="#">TV Board</a></li>
                                        <li><a href="#">TV Board</a></li>
                                    </ul>
                                </li>
                                <li class="parent"><a href="#">Film room</a></li>
                                <li class="parent"><a href="#">Bed room</a></li>
                                <li class="parent"><a href="#">Kitchen room</a></li>
                                <li class="parent"><a href="#">Bed room</a></li>
                                <li class="parent"><a href="#">Kitchen room</a></li>
                                <li class="parent"><a href="#">Bed room</a></li>
                            </ul>
                            <!-- End .category_list -->
                            <div class="shadow"></div>
                        </div>
                        <!-- END PRODUCT CATEGORY WIDGET -->

                        <!-- PRODUCT FEATURE WIDGET -->
                        <div id="product_feature_wi_1" class="product_feature_5">
                            <div class="title">
                                <h1>Special Today</h1>
                            </div>
                            <!-- End .title -->

                            <div class="image_wrapper">
                                <a href="#"><img src="images/bear.png" alt="product_feature"/></a>
                            </div>
                            <div class="product_infor">
                                <a class="product_name" href="#">Gummy bear Product #10</a>
                                <h3 class="price">199$</h3>
                            </div>
                            <!-- End .product_infor -->
                            <div class="clear"></div>
                        </div>
                        <!-- END PRODUCT FEATURE WIDGET -->

                        <!-- HOTLINE WIDGET -->
                        <link type="text/css" rel="stylesheet" href="../../widget/hotline/1/hotline_1.css" /> 
                        <div id="hotline_wi_1" class="hotline_1">
                            <div class="hotline_wrapper">
                                <div class="hotline_content">
                                    <p class="title">Call for Free</p>
                                    <p class="phone_number">+1-234-567-8900</p>
                                    <p class="desc">Our expect staff is standing by to answer your questions</p>
                                </div><!-- End .hotline_content -->
                            </div>
                            <!-- End .hotline_wrapper -->
                        </div>
                        <!-- END HOTLINE WIDGET -->
                    </div>
                    <!-- End #hook_sidebar -->

                    <div id="hook_custom_1" class="hook">

                        <!-- NEWS DETAILS WIDGET -->
                        <div id="news_details_wi_1" class="news_details_3">
                            <div class="title">
                                <h1>News Details</h1>
                            </div>
                            <!-- End .title -->

                            <div class="paginate">
                                <div class="previous">
                                    <a href="#">Previous</a>
                                </div>

                                <div class="next">
                                    <a href="#">Next</a>
                                </div>

                            </div>
                            <!-- End .paginate -->
                            <div class="clear"></div>

                            <div class="details">
                                <h1 class="name" href="#">Laoreet dolore magnaorem ipsum dolor ser adipiscing elit</h1>

                                <div class="infor_wrapper">
                                    <div class="post_infor">
                                        <p class="post_by">by <span> Admin</span></p>
                                        <p class="post_time"><span>28</span>12/2012</p>
                                    </div>
                                    <!-- End .post_infor -->

                                    <div class="image_wrapper">
                                        <img src="images/news_details_image.png" alt="news_details" />
                                    </div>
                                    <!-- End .image_wrapper -->

                                </div><!-- End .infor_wrapper -->

                                <div class="content">
                                    <p>
                                        You know, it so cool to be a child. It is the most careless time of our life because you have no obligations; everything around you is new and unknown. It is a total naivety and exploration. Kids are the best explorers in the world. They live in a totally different world where it’s impossible to find anything negative. It sounds like nonsense but it is indeed that way. Children explore outer world with the help of simple senses – sence of smell, touch, sight and others. That is why it is so important to raise children in an atmosphere of happiness and love. Everything must be perfect because child’s mentality is very tender.
                                        Of course you remember your toys because they’re unforgettable. All those dolls, toy cars, soldiers, balls and others were the best friends. We’ve created our small world. Well, now it seems that nothing has changed but it is not true.
                                        Nowadays toy industry is a very progressive and high-tech sphere and our store is offering you only the best products. Our manufactures and vendors guarantee the premium quality of our toys. The fair price of our product will suit you; moreover - you can save some money because we often provide different promos and you can get some benefits.
                                    </p>
                                </div>
                                <!-- End .content -->                                
                            </div>
                            <!-- End .details -->

                        </div>
                        <!-- END NEWS DETAILS WIDGET -->

                    </div>
                    <!-- End #hook_custom_1 -->
                    <div class="clear"></div>
                </div>
                <!-- End #main -->
            </div>
            <!-- End #wrapper_main -->

            <div id="wrapper_footer">
                <div id="footer">
                    <div id="hook_custom_2" class="hook">
                        <!-- HTML BLOCK WIDGET  -->
                        <div id="html_wi_3" class="html_block_22">
                            <div class="image_wrapper">
                                <a href="#"><img src="images/toys_image.png" alt="toy_image"/></a>
                            </div>
                            <!-- End .image_wrapper -->
                            <a class="title" href="#">online store</a>
                            <div class="clear"></div>
                        </div>
                        <!-- END HTML BLOCK WIDGET -->

                        <!-- LINK LIST WIDGET 1 -->
                        <div id="link_list_wi_1" class="link_list_3">
                            <div class="link_list_wrapper">
                                <h1 class="title">New product</h1>
                                <ul class="list">
                                    <li class="items">
                                        <a href="#">Top sellers</a>
                                    </li>

                                    <li class="items">
                                        <a href="#">Specials</a>
                                    </li>

                                    <li class="items">
                                        <a href="#">Manufacturers</a>
                                    </li>

                                    <li class="items">
                                        <a href="#">Suppliers</a>
                                    </li>
                                </ul>
                            </div>
                            <!-- End .link_list_wrapper -->
                        </div>
                        <!-- END LINK LIST WIDGET 1 -->

                        <!-- LINK LIST WIDGET 2 -->
                        <div id="link_list_wi_2" class="link_list_3">
                            <div class="link_list_wrapper">
                                <h1 class="title">New product</h1>
                                <ul class="list">
                                    <li class="items">
                                        <a href="#">Top sellers</a>
                                    </li>

                                    <li class="items">
                                        <a href="#">Specials</a>
                                    </li>

                                    <li class="items">
                                        <a href="#">Manufacturers</a>
                                    </li>

                                    <li class="items">
                                        <a href="#">Suppliers</a>
                                    </li>
                                </ul>
                            </div>
                            <!-- End .link_list_wrapper -->
                        </div>
                        <!-- END LINK LIST WIDGET 1 -->

                        <!-- LINK LIST WIDGET 3 -->
                        <div id="link_list_wi_3" class="link_list_3">
                            <div class="link_list_wrapper">
                                <h1 class="title">New product</h1>
                                <ul class="list">
                                    <li class="items">
                                        <a href="#">Top sellers</a>
                                    </li>

                                    <li class="items">
                                        <a href="#">Specials</a>
                                    </li>

                                    <li class="items">
                                        <a href="#">Manufacturers</a>
                                    </li>

                                    <li class="items">
                                        <a href="#">Suppliers</a>
                                    </li>
                                </ul>
                            </div>
                            <!-- End .link_list_wrapper -->
                        </div>
                        <!-- END LINK LIST WIDGET 3 -->

                        <!-- SOCIAL WIDGET -->
                        <div id="social_wi_2" class="social_6">
                            <h1 class="title">Get social</h1>
                            <ul class="social_list">
                                <li><a href="#"><img src="images/social/flickr_2.png" alt="flickr"/></a></li>
                                <li><a href="#"><img src="images/social/facebook_2.png" alt="facebook"/></a></li>
                                <li><a href="#"><img src="images/social/twitter_2.png" alt="twitter"/></a></li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                        <!-- End SOCIAL WIDGET -->

                        <!-- HTML BLOCK WIDGET  -->
                        <div id="html_wi_4" class="html_block_23">
                            <div class="image_wrapper">
                                <a href="#"><img src="images/pay.png" alt="pay"/></a>
                            </div>
                        </div>
                        <!-- END HTML BLOCK WIDGET -->

                        <!-- HTML BLOCK WIDGET -->
                        <div id="html_wi_5" class="html_block_24">
                            <p class="content">©2012 POWERED BY TOYs™. ALL RIGHT RESERVED.</p>
                        </div>
                        <!-- END HTML BLOCK WIDGET -->

                    </div>
                    <!-- End #hook_custom_2 -->

                </div>
                <!-- End #footer -->
            </div>
            <!-- End #wrapper_footer -->

        </div>
        <!-- End #wrapper -->

    </body>
</html>